<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons/public1::common-public}">
    <meta charset="UTF-8">
</head>
<body>
<header th:replace="~{commons/header1::common-header}"></header>
<!--广告和产品类型logo-->
<div class="banner-imgBox">
    <div class="banner-imgBox2">
        <img src="../img/35.jpg" alt=""> <img src="../img/36.jpg"
                                              alt=""> <img src="../img/37.jpg" alt=""> <img
            src="../img/38.jpg" alt=""> <img src="../img/37.jpg" alt="">
    </div>
    <div class="banner-imgBox-div">
        <div class="on"></div>
        <div class="on"></div>
        <div class="on"></div>
        <div class="on"></div>
        <div class="on"></div>
    </div>
    <input type="button" value="<" onclick="marginLeft(false)"
           class="banner-imgBox-left"> <input type="button" value=">"
                                              onclick="marginLeft(true)" class="banner-imgBox-right">
</div>

</body>
<script>
    var time = 2000;
    let content = document.querySelector('.banner-imgBox2');
    let switchBtn = document.querySelector('.banner-imgBox-div');
</script>

<!--小米-->
<div class="xiaomi">
    <ul>
        <li><a>新番</a></li>
        <li><a th:href="@{/front/shuku}">查看更多</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i></li>
    </ul>
    <div class="xiaomi-img1">
        <img src="../img/15.jpg" width="350px" height="750px">
    </div>
    <div class="xiaomi-img2">
        <div>
            <img src="../img/12.jpg">
        </div>
        <div>
            <img src="../img/2.jpg">
        </div>
        <div>
            <img src="../img/3.jpg">
        </div>
    </div>
    <div class="xiaomi-img3">
        <div>
            <img src="../img/4.jpg">
        </div>
        <div>
            <img src="../img/5.jpg">
        </div>
        <div>
            <img src="../img/6.jpg">
        </div>
    </div>
</div>
<div class="xiaomi-price1">
    <ul>
        <li><a>&nbsp;</a></li>
        <li><a>&nbsp;</a></li>
        <li><a>&nbsp;</a></li>
    </ul>

    <ul>
        <li><a th:href="@{/content/getchapter(novelname='帝师县令')}">帝师县令</a></li>
        <li><a th:href="@{/content/getchapter(novelname='借天改明')}">借天改明</a></li>
        <li><a th:href="@{/content/getchapter(novelname='完美世界')}">完美世界</a></li>
    </ul>
</div>
<div class="xiaomi-price2">
    <ul>
        <li><a>&nbsp;</a></li>
        <li><a>&nbsp;</a></li>
        <li><a>&nbsp;</a></li>
    </ul>
    <ul>
        <li><a th:href="@{/content/getchapter(novelname='斗罗大陆')}">斗罗大陆</a></li>
        <li><a th:href="@{/content/getchapter(novelname='凡人修仙传')}">凡人修仙传</a></li>
        <li><a th:href="@{/content/getchapter(novelname='全能修理工')}">全能修理工</a></li>
    </ul>

</div>
</body>
</html>
